.app-medal{
    width: 100%;
    height: 100%;

    header{
        flex: 2;
        background-color: #4294FF;
        background-image: url(../imgs/index-card-badge.png);
        background-repeat: no-repeat;
        background-size: 130px;
        background-position: 255px 70px;
        position: relative;

        .my{
            position: absolute;
            left: 26px;
            top: 60px;
        }
        .badges{
            position: absolute;
            left: 26px;
            top: 95px;
            color: #AAD9F7;
        }
        .ranking{
            position: absolute;
            top: 46px;
            right: 140px;
            color: #004E73;
        }
        .num{
            position: absolute;
            top: 46px;
            right: 86px;
        }
        .small{
            position: absolute;
            top: 10px;
            left: 10px;
        }
    }


    main{
        flex: 5;
        ul{
            li{
                width: 120px;
                height: 140px;
            }
        }
        
    }
}